<template>
    <div>
        <!-- 第一种方式 不太美观-->
        <Navdad  title="首页" left="返回" right="登录"></Navdad>

        <!-- 第二种方式  也不太美观-->
        <Navdad  v-bind='{
            title:"首页",
             left:"返回",
              right:"登录"
        }'></Navdad>

        <!-- 第三中方式 -->
        <Navdad v-bind="insytle"></Navdad>
    
        <!-- <Navdad  title="消息"></Navdad>
        <Navdad  title="我的"></Navdad> -->
    </div> 
</template>
<script>
import Navdad from './Navdad.vue'
export default{
    data(){
        return{
             insytle:{
            title:"首页",
             left:"返回",
              right:"登录s" 
            }
        }
       
    },
    components:{
        Navdad
    }
}
</script>